import Link from 'next/link'

const Page = () => (
  <div>
    <h3>My blog</h3>
    <Link href='/[post]' as='/post-1'>
      <a id='view-post-1'>View post 1</a>
    </Link>
    <br />
    <Link href='/[post]/comments' as='/post-1/comments'>
      <a id='view-post-1-comments'>View post 1 comments</a>
    </Link>
    <br />
    <Link href='/[post]/[comment]' as='/post-1/comment-1'>
      <a id='view-post-1-comment-1'>View comment 1 on post 1</a>
    </Link>
    <br />
    <Link href='/blog/[post]/comment/[id]' as='/blog/321/comment/123'>
      <a id='view-nested-dynamic-cmnt'>View comment 123 on blog post 321</a>
    </Link>
    <br />
    <Link href='/[post]?fromHome=true' as='/post-1?fromHome=true'>
      <a id='view-post-1-with-query'>View post 1 with query</a>
    </Link>
    <br />
    <Link href='/on-mount/[post]' as='/on-mount/test-w-hash#item-400'>
      <a id='view-dynamic-with-hash'>View test with hash</a>
    </Link>
  </div>
)

export default Page
